<ion-view hide-tabs="true" hide-nav-bar="true" style="background-color: rgb(242, 242, 242);" ng-controller="appointmentCtrl">
    <ion-header-bar align-title="center" class="bar-default" style="background-color: #F8F8F8;">
        <div class="buttons">
            <button class="button" ng-click="back()"><span class="ion-ios-arrow-thin-left" style="font-size: 24px;"></span></button>
        </div>
        <h1 class="title">{{items.venue}}</h1>
    </ion-header-bar>
    <ion-content  class="appointmentBox">
        <div class="appointmentBoxDiv1">
            <h3>{{items.name}} <strong>{{items.score}}</strong><small>分</small></h3>
            <h5>{{items.start}} - {{items.end}} / {{items.classroomName}}</h5>
        </div>
        <section class="appointmentBoxSection" style="text-align: center;">
            <div>
                <section class="seatFlag"></section>
                <span>可选</span>
            </div>
            <div>
                <section class="seatFlag notSelect"></section>
                <span>不可选</span>
            </div>
            <div>
                <section class="seatFlag selected"></section>
                <span>已选</span>
            </div>
            <div>
                <section class="seatFlag selectedVip1"></section>
                <span>Vip</span>
            </div>
            <!--<div>-->
            <!--<section style=" background-color: rgb(229,229,229);"></section>-->
            <!--<span>vip</span>-->
            <!--</div>-->
        </section>
        <div id="divSectionBackground" style="background-color: rgb(242, 242, 242); margin-top: 30px;padding-bottom: 20px;">
            <div>
                <img ng-src="{{items.coachPic}}" width="50px" height="50px" style="border-radius: 50%;" alt=""><br>
                <span>教练:<strong>{{items.coach}}</strong></span><br>
            </div>
            <ul class="padding clearfix" style="margin-left:10px;margin-bottom: 30px;">
                <li ng-repeat="item in items.seatDetail " class="seate fl  ">
                    <!-- //普通座位 已经选过 并且是普通座位 is_anyone == 1 是已经有人占用  is_anyone == 0 没有被人占用-->
                    <div class="seat  courseSeates notSelect cp" style="text-align: center;" ng-if="item.is_anyone == 1 && item.seat_type == 1"
                        ng-click="seatSelect(item.id,item.seat_number,item.seat_type)">
                        <span class="seatSpan">{{item.seat_number}}</span>
                    </div>
                    <!-- //没有选中 并且是VIP 座位 -->
                    <div class="seat courseSeates cp" style="text-align: center;" ng-if="item.is_anyone == 0 && item.seat_type == 1" ng-click="seatSelect(item.id,item.seat_number,item.seat_type)">
                        <span class="seatSpan">{{item.seat_number}}</span>
                    </div>
                    <!-- //VIP座位 已经选过 并且是VIP座位-->
                    <div class="seat courseSeates selectedVip selectedVip3  notSelect cp" style="text-align: center;" ng-if="item.is_anyone == 1 && item.seat_type == 2"
                        ng-click="seatSelect(item.id,item.seat_number,item.seat_type)">
                        <span class="seatSpan">{{item.seat_number}}</span>
                    </div>
                    <!-- //没有选中 并且是VIP 座位 -->
                    <div class="seat courseSeates selectedVip selectedVip3 cp" style="text-align: center;" ng-if="item.is_anyone == 0 && item.seat_type == 2"
                        ng-click="seatSelect(item.id,item.seat_number,item.seat_type)">
                        <span class="seatSpan">{{item.seat_number}}</span>
                    </div>
                </li>
            </ul>
        </div>
    </ion-content>
    <div class="bar bar-footer bar-balanced" style="padding: 0;">
        <button id="selectButton" style="width: 100%;height: 50px;border: none;background-color: transparent;font-size: 16px;color: #FFF; "
            ng-click="selectButton()">选择上课位置</button>
    </div>
    </ion-content>

</ion-view>